DataTableJQuery如何根据ID从表中删除行?

您所在的位置:网站首页 jquery 移除事件 DataTableJQuery如何根据ID从表中删除行?

DataTableJQuery如何根据ID从表中删除行?

#DataTableJQuery如何根据ID从表中删除行?| 来源: 网络整理| 查看: 265

我有一个Web应用程序,您可以在其中将图片拖放到框中。如果将其放在其中,则会将图片的信息添加到数据表中;如果将其拖放到左侧,则会从数据表中删除数据。我想知道是否有一种方法可以根据ID删除行?

$('#pictures') .dataTable({ "columnDefs": [{ "orderable": false, "targets": 1 }, { "orderable": false, "targets": 3 } ] }); var t = $('#pictures') .DataTable(); $("#left") .droppable({ accept: ".draggable", drop: function (event, ui) { console.log("drop"); $(this) .removeClass("border") .removeClass("over"); var dropped = ui.draggable; var droppedOn = $(this); $(dropped) .detach() .css({ top: 0, left: 0 }) .appendTo(droppedOn); var $id = $(this) .children() .last() .attr('id'); var rowId = pictures[id].id; t.row(pictures[$id].id) .remove() .draw(false); } });

显然,这还不是全部。但是,我认为这足以确定任何问题。

1> Sebastianb..:

您可以使用DataTable的API删除相应的行:

t.row("your selector here").remove().draw();

在row()你可以使用几种选择的。如果您将行的ID保存在变量中,只需使用

t.row("#"+rowId).remove().draw();

请注意,draw()删除后必须调用,因为由于性能原因,删除后数据表不会重绘自身。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3